<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			[v-cloak]{
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="app4" v-cloak>
			<h1 v-for="i in hobby">{{i}}</h1>
			<h2 v-for="(val,ke,inde) in usr" >{{ke}},{{val}},{{inde}}</h2>
			<h3 v-for="i in usrlist" >{{i.id}},{{i.name}}</h3>
		</div>
		
		<script src="../vue.js"></script>
		<script>
			const a2 = new Vue({
				el: '#app4',
				data: {
					id: 100,
					hobby: ['azc','ykqtwd','trqw','uyert'],
					usr: {
						id: 100,
						name: '对象数据'
					},
					usrlist:[{id:1,name:'kkk'},{id:2,name:'aaa'},{id:3,name:'ddd'}]
				},
				methods:{
					cal:function(){
						this.score = parseInt(this.score)
					}
				}
			})
		</script>
	</body>
</html>
